<!DOCTYPE html>
<html>
<head>
    <title>人员管理</title>
	<#include "/header.html">
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">
            <div class="form-group col-sm-2">
                <input type="text" class="form-control" v-model="q.empName" @keyup.enter="query" placeholder="请输入用户名">
            </div>
            <a class="btn btn-default" @click="query">查询</a>
            <#if shiro.hasPermission("fun:emp:update")>
            <a class="btn btn-info" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;编辑</a>
            </#if>
           </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>
    <div v-show="!showList" class="panel panel-default">
        <div class="panel-heading">{{title}}</div>
                <form class="form-horizontal" >
                    <div class="form-group">
                        <div class="col-sm-3 control-label">员工名</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="emp.empName" placeholder="员工名"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-3 control-label">所属部门</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control"  v-model="emp.deptName"  readonly="readonly" placeholder="所属部门"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-3 control-label">身份证号</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="emp.idCard" placeholder="必填"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-3 control-label">性别</div>
                        <div class="col-sm-10">
                            <el-radio  v-model="emp.gender" label="1">男</el-radio>
                            <el-radio  v-model="emp.gender" label="2">女</el-radio>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-3 control-label">出生日期</div>
                        <div class="block col-sm-10">
                            <el-date-picker
                                    v-model="emp.birthDate"
                                    type="date"
                                    value-format="yyyy-MM-dd"
                                    placeholder="选择日期">
                            </el-date-picker>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-3 control-label">籍贯</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="emp.nativePlace" placeholder="籍贯"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-3 control-label">学历</div>
                        <el-select v-model="emp.education" placeholder="请选择">
                            <el-option
                                    v-for="item in education"
                                    :key="item.value"
                                    :label="item.value"
                                    :value="item.value">
                            </el-option>
                        </el-select>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-3 control-label">毕业院校</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="emp.graduateSchool" placeholder="毕业院校"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-3 control-label">政治面貌</div>
                        <el-select v-model="emp.politicalBackground" placeholder="请选择">
                            <el-option
                                    v-for="item in politicalBackground"
                                    :key="item.value"
                                    :label="item.value"
                                    :value="item.value">
                            </el-option>
                        </el-select>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-3 control-label">参加工作时间</div>
                        <div class="block col-sm-10">
                            <el-date-picker
                                    v-model="emp.joinWorkTime"
                                    type="date"
                                    value-format="yyyy-MM-dd"
                                    placeholder="选择日期">
                            </el-date-picker>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-3 control-label">加入部门时间</div>
                        <div class="block col-sm-10">
                            <el-date-picker
                                    v-model="emp.joinDeptTime"
                                    type="date"
                                    value-format="yyyy-MM-dd"
                                    placeholder="选择日期">
                            </el-date-picker>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-3 control-label">电话</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="emp.mobile" placeholder="电话"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-3 control-label">地址</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="emp.addr" placeholder="地址"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-3 control-label">职名（务）</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control"  v-model="emp.office"  readonly="readonly" />
                        </div>
                    </div>
                    <div class="form-group" >
                        <div class="col-sm-3 control-label">用工性质</div>
                        <div class="col-sm-10">
                            <el-select v-model="emp.employMode" placeholder="请选择">
                                <el-option
                                        v-for="item in employMode"
                                        :key="item.value"
                                        :label="item.value"
                                        :value="item.value">
                                </el-option>
                            </el-select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-3 control-label">身份证号</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="emp.idCard" placeholder=""/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-3 control-label">医保号</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="emp.medicalId" placeholder=""/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-3 control-label">档案号</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="emp.archivesId" placeholder=""/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-3 control-label">工作号</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="emp.workId" placeholder=""/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-3 control-label">社保号</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="emp.societySafeguardId" placeholder=""/>
                        </div>
                    </div>
                    <div class="form-group" >
                        <div class="col-sm-3 control-label">技能等级</div>
                        <div class="col-sm-10">
                            <el-select v-model="emp.skillGrade" placeholder="请选择">
                                <el-option
                                        v-for="item in skillGrade"
                                        :key="item.value"
                                        :label="item.value"
                                        :value="item.value">
                                </el-option>
                            </el-select>
                        </div>
                    </div>
                    <div class="form-group" >
                        <div class="col-sm-3 control-label">技能工种</div>
                        <div class="col-sm-10">
                            <el-select v-model="emp.skillKid" placeholder="请选择">
                                <el-option
                                        v-for="item in skillKid"
                                        :key="item.value"
                                        :label="item.value"
                                        :value="item.value">
                                </el-option>
                            </el-select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-3 control-label">技能鉴定通过日期</div>
                        <div class="block col-sm-10">
                            <el-date-picker
                                    v-model="emp.skillPassDate"
                                    type="date"
                                    value-format="yyyy-MM-dd"
                                    placeholder="选择日期">
                            </el-date-picker>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-3 control-label">合同开始日期</div>
                        <div class="block col-sm-10">
                            <el-date-picker
                                    v-model="emp.contractStartDate"
                                    type="date"
                                    value-format="yyyy-MM-dd"
                                    placeholder="选择日期">
                            </el-date-picker>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-3 control-label">合同结束日期</div>
                        <div class="block col-sm-10">
                            <el-date-picker
                                    v-model="emp.contractEndDate"
                                    type="date"
                                    value-format="yyyy-MM-dd"
                                    placeholder="选择日期">
                            </el-date-picker>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-3 control-label">解除合同日期</div>
                        <div class="block col-sm-10">
                            <el-date-picker
                                    v-model="emp.contractRelieveDate"
                                    type="date"
                                    value-format="yyyy-MM-dd"
                                    placeholder="选择日期">
                            </el-date-picker>
                        </div>
                    </div>
                    <div class="form-group" >
                        <div class="col-sm-3 control-label">是否军人</div>
                        <div class="col-sm-10">
                            <el-select v-model="emp.isSolider" placeholder="请选择">
                                <el-option
                                        v-for="item in qualification"
                                        :key="item.value"
                                        :label="item.value"
                                        :value="item.value">
                                </el-option>
                            </el-select>
                        </div>
                    </div>
                    <div class="form-group" >
                        <div class="col-sm-3 control-label">是否干部</div>
                        <div class="col-sm-10">
                            <el-select v-model="emp.isLeader" placeholder="请选择">
                                <el-option
                                        v-for="item in qualification"
                                        :key="item.value"
                                        :label="item.value"
                                        :value="item.value">
                                </el-option>
                            </el-select>
                        </div>
                    </div>
                    <div class="form-group" >
                        <div class="col-sm-3 control-label">是否实习</div>
                        <div class="col-sm-10">
                            <el-select v-model="emp.isInternship" placeholder="请选择">
                                <el-option
                                        v-for="item in qualification"
                                        :key="item.value"
                                        :label="item.value"
                                        :value="item.value">
                                </el-option>
                            </el-select>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-3 control-label">备注</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="emp.remarks" placeholder="备注"/>
                        </div>
                    </div>
                </form>
                    <!--客运段专有-->
                <form class="form-horizontal" v-if="formData[1].isShow">
                    <div class="form-group" >
                        <div class="col-sm-3 control-label">是否有值班员资格</div>
                        <div class="col-sm-10">
                            <el-select v-model="empAttachment.isPosessZbyQualification" placeholder="请选择">
                                <el-option
                                        v-for="item in qualification"
                                        :key="item.value"
                                        :label="item.value"
                                        :value="item.value">
                                </el-option>
                            </el-select>
                        </div>
                    </div>
                    <div class="form-group" >
                        <div class="col-sm-3 control-label">取得值班员资格日期</div>
                        <div class="block col-sm-10">
                            <el-date-picker
                                    v-model="empAttachment.getZbyQualificationDate"
                                    type="date"
                                    value-format="yyyy-MM-dd"
                                    placeholder="选择日期">
                            </el-date-picker>
                        </div>
                    </div>
                    <div class="form-group" >
                        <div class="col-sm-3 control-label">是否有普车车长资格</div>
                        <div class="col-sm-10">
                            <el-select v-model="empAttachment.isPosessPczQualification" placeholder="请选择">
                                <el-option
                                        v-for="item in qualification"
                                        :key="item.value"
                                        :label="item.value"
                                        :value="item.value">
                                </el-option>
                            </el-select>
                        </div>
                    </div>
                    <div class="form-group" >
                        <div class="col-sm-3 control-label">取得普车车长资格日期</div>
                        <div class="block col-sm-10">
                            <el-date-picker
                                    v-model="empAttachment.getPczQualificationDate"
                                    type="date"
                                    value-format="yyyy-MM-dd"
                                    placeholder="选择日期">
                            </el-date-picker>
                        </div>
                    </div>
                    <div class="form-group" >
                        <div class="col-sm-3 control-label">是否有动车资格</div>
                        <div class="col-sm-10">
                            <el-select v-model="empAttachment.isPosessDcQualification" placeholder="请选择">
                                <el-option
                                        v-for="item in qualification"
                                        :key="item.value"
                                        :label="item.value"
                                        :value="item.value">
                                </el-option>
                            </el-select>
                        </div>
                    </div>
                    <div class="form-group" >
                        <div class="col-sm-3 control-label">是否有动车车长资格</div>
                        <div class="col-sm-10">
                            <el-select v-model="empAttachment.isPosessDczQualification" placeholder="请选择">
                                <el-option
                                        v-for="item in qualification"
                                        :key="item.value"
                                        :label="item.value"
                                        :value="item.value">
                                </el-option>
                            </el-select>
                        </div>
                    </div>
                    <div class="form-group" >
                        <div class="col-sm-3 control-label">取得动车车长资格日期</div>
                        <div class="block col-sm-10">
                            <el-date-picker
                                    v-model="empAttachment.getDczQualificationDate"
                                    type="date"
                                    value-format="yyyy-MM-dd"
                                    placeholder="选择日期">
                            </el-date-picker>
                        </div>
                    </div>
                    <div class="form-group" >
                        <div class="col-sm-3 control-label">取消值班员资格日期</div>
                        <div class="block col-sm-10">
                            <el-date-picker
                                    v-model="empAttachment.cancelZbyQualificationDate"
                                    type="date"
                                    value-format="yyyy-MM-dd"
                                    placeholder="选择日期">
                            </el-date-picker>
                        </div>
                    </div>
                    <div class="form-group" >
                        <div class="col-sm-3 control-label">取消车长资格日期</div>
                        <div class="block col-sm-10">
                            <el-date-picker
                                    v-model="empAttachment.cancelCzQualificationDate"
                                    type="date"
                                    value-format="yyyy-MM-dd"
                                    placeholder="选择日期">
                            </el-date-picker>
                        </div>
                    </div>
                </form>
                    <!--机务段专有-->
                <form class="form-horizontal" v-if="formData[0].isShow">
                    <div class="form-group" >
                        <div class="col-sm-3 control-label">是否有检修组组长资格</div>
                        <el-select v-model="empAttachment.isPosessJxQualification" placeholder="请选择">
                            <el-option
                                    v-for="item in qualification"
                                    :key="item.value"
                                    :label="item.value"
                                    :value="item.value">
                            </el-option>
                        </el-select>
                    </div>
                    <div class="form-group" >
                        <div class="col-sm-3 control-label">取消检修班组组长资格日期</div>
                        <div class="block col-sm-10">
                            <el-date-picker
                                    v-model="empAttachment.cancelJxQualificationDate"
                                    type="date"
                                    value-format="yyyy-MM-dd"
                                    placeholder="选择日期">
                            </el-date-picker>
                        </div>
                    </div>
                    <div class="form-group" >
                        <div class="col-sm-3 control-label">是否有整备组组长资格</div>
                        <el-select v-model="empAttachment.isPosessZbQualification" placeholder="请选择">
                            <el-option
                                    v-for="item in qualification"
                                    :key="item.value"
                                    :label="item.value"
                                    :value="item.value">
                            </el-option>
                        </el-select>
                    </div>
                    <div class="form-group" >
                        <div class="col-sm-3 control-label">取消整备班组组长资格日期</div>
                        <div class="block col-sm-10">
                            <el-date-picker
                                    v-model="empAttachment.cancelZbQualificationDate"
                                    type="date"
                                    value-format="yyyy-MM-dd"
                                    placeholder="选择日期">
                            </el-date-picker>
                        </div>
                    </div>
                    <div class="form-group" >
                        <div class="col-sm-3 control-label">是否有运用组组长资格</div>
                        <el-select v-model="empAttachment.isPosessYyQualification" placeholder="请选择">
                            <el-option
                                    v-for="item in qualification"
                                    :key="item.value"
                                    :label="item.value"
                                    :value="item.value">
                            </el-option>
                        </el-select>
                    </div>
                    <div class="form-group" >
                        <div class="col-sm-3 control-label">取消运用班组组长资格日期</div>
                        <div class="block col-sm-10">
                            <el-date-picker
                                    v-model="empAttachment.cancelYyQualificationDate"
                                    type="date"
                                    value-format="yyyy-MM-dd"
                                    placeholder="选择日期">
                            </el-date-picker>
                        </div>
                    </div>
                </form>
           <!-- </el-collapse-item>-->
           <!-- <el-collapse-item title=" 工作、学习经历" name="2">
               <form class="form-horizontal" >
                    <div class="form-group">
                        <div class="col-sm-2 control-label">工作单位</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control"  v-model="work.company" placeholder="工作单位"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">职位</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" v-model="work.position" placeholder="职位"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">工作时间</div>
                        <template>
                            <div class="block col-sm-10">
                                <el-date-picker
                                        type="date"
                                        v-model="work.startDate"
                                        value-format="yyyy-MM-dd"
                                        placeholder="开始日期">
                                </el-date-picker>
                                <el-date-picker
                                        type="date"
                                        v-model="work.endDate"
                                        value-format="yyyy-MM-dd"
                                        placeholder="结束日期">
                                </el-date-picker>
                            </div>
                        </template>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">备注</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control"  v-model="work.remarks" placeholder="备注"/>
                        </div>
                    </div>
                </form>
            </el-collapse-item>
            <el-collapse-item title="荣誉、奖励、惩处记录" name="3">
                <form class="form-horizontal">
                    <div class="form-group">
                        <div class="col-sm-2 control-label">荣誉/奖励名称</div>
                        <div class="col-sm-10">
                            <input type="text" class="form-control"   v-model="reward.name"  placeholder="名称"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">时间</div>
                            <template>
                                <div class="block col-sm-10">
                                    <el-date-picker
                                            type="date"
                                            v-model="reward.date"
                                            value-format="yyyy-MM-dd"
                                            placeholder="选择日期">
                                    </el-date-picker>
                                </div>
                            </template>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-2 control-label">具体内容</div>
                        <div class="col-sm-10">
                            <textarea  cols="50" rows="5" v-model="reward.content" ></textarea>
                        </div>
                    </div>
                </form>
            </el-collapse-item>
        </el-collapse>-->
        <div class="form-group">
            <div class="col-sm-2 control-label"></div>
            <input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
            &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
        </div>
    </div>
</div>
<script src="${request.contextPath}/statics/js/modules/function/emp.js?_${.now?long}"></script>
</body>
</html>